<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="Cache-Control" content="no-cache/no-store" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="../static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="../lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/style.css" />
<link rel="stylesheet" type="text/css" href="../leftAndRight/list-style.css" />
<style type="text/css">
 .input-text{
    width:110px;
 }
.modal-dialog{
   width:1000px;
}
.tips{
  margin-top:5px;
}
</style>
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>配件工艺工序设置</title>
</head>
<body>
<!--面包屑导航-->
<!-- 		<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span>工序产能监控<span class="c-gray en">&gt;</span> 产能查看 -->
<!-- 			<a class="btn btn-primary radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i>刷新</a> -->
<!-- 		</nav> -->
        
        <!--主内容-->
		<div class="page-container" class="col-md-12">
            <div class="text-l">
<!--               <input type="text" class="input-text" id="pageSerachWhere" style="width:200px"  placeholder="物料类型/名称/规格"> -->
<!--               <button id="queryCombinationBtn" class=" btn btn-primary radius">查询</button> -->
              <span>物料类型</span> <input type="text" class='input-text' id='searchMaterialType' placeholder="物料类型" list="materialTypeList">
              <datalist id="materialTypeList"></datalist>
              <span>工艺</span><input type="text" class='input-text' id='searchArts' placeholder="工艺" style='width:200px;'>
              <button id="queryBtn" class=" btn btn-primary radius">查询</button>
              <button id="addGroupBtn" class=" btn btn-primary radius">添加组合</button>
              <button class="btn btn-primary radius"  id="downlodeExcle">导出为EXCEL</button>
<!--               <button class="btn btn-success" id="downlodeExcle">导出为EXCLE</button> -->
        </div>
        
        <div  class="mt-20" style='overflow:auto;'>
		        <table class="table table-border table-bordered table-bg table-hover" id="materialProcedureTable">
		            <thead>
		                <tr>
		                   <th style='max-width:270px;'>组合(物料类型+工艺)</th>
		                   <th>工序(鼠标移动查看加工对象，点击设置加工对象)</th>
		                   <th style='max-width:60px;'>操作</th>
		                </tr>
		            </thead>
		            <tbody>
		            
		            </tbody>
		        </table>
        </div>

		</div>

        <div class="modal fade" id="selectMaterialModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
						    <h4>选择物料组合</h4>
						</div>
						<div class="modal-body" style="height:70vh; overflow:auto">
						    <div>
						       <table class='table table-border table-bordered table-bg table-hover'>
						           <thead>
						               <tr>
						                  <th>
                                            <select id="materialTypeSelect" class="input-text">
                                                <option value='all'>物料类型</option>
                                            </select>
                                          </th>
<!-- 						                  <th> -->
<!--                                             <select id="materialNameSelect" class="input-text"> -->
<!--                                                 <option value='all'>物料名称</option> -->
<!--                                             </select> -->
<!--                                           </th> -->
<!-- 						                  <th> -->
<!-- 						                    <select id="materialQualitySelect" class="input-text"> -->
<!--                                                  <option value='all'>物料规格</option> -->
<!--                                             </select> -->
<!--                                           </th> -->
						                  <th>
						                    <select id="materialArtsSelect" class="input-text">
                                                 <option value='all'>工艺</option>
                                            </select>
                                          </th>
						                  <th>选择</th>
						               </tr>
						           </thead>
						           <tbody id="selectMaterialModalTBody">
						           
						           </tbody>
						       </table>
						    </div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
							<button type="button" class="btn btn-primary" id="selectMaterialModalBtn">确定</button>
						</div>
					</div>
				</div>
			</div>
			
			
        <div class="modal fade" id="addCombinationModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							
						</div>
						<div class="modal-body" style="height:70vh; overflow:auto">
						   <div>
						       <table class='table table-border table-bordered table-bg table-hover'>
						           <thead>
						               <tr>
						                  <th>物料类型 </th>
<!-- 						                  <th>物料名称</th> -->
<!-- 						                  <th>物料规格</th> -->
						                  <th>工艺</th>
						                  <th>操作</th>
						               </tr>
						           </thead>
						           <tbody id="addProcedureTBody">
						               
						           </tbody>
						       </table>
						   </div>
						    
						  <div>
						    <div id="selectTitle" class="list-select ui-draggable">
								<div class="list-title ui-draggable-handle">
                                    <input type="text" class="input-text" placeholder="工序名称" id="addSearchWhereInput" style="width:200px;">
                                    <select id="deptId" class="input-text">
                                        <option value=''>请选择</option>
                                    </select>
                                    <button class="btn btn-primary" id="addSearchWhereBtn">搜索</button>
								</div>
								<div class="list-body">
									<ul class="item-box left-box ui-sortable ui-droppable">
									</ul>
									<div class="center-box">
										<button class="add-one btn btn-success radius" title="添加选中项">&gt;</button>
										<button class="add-all btn btn-success radius" title="添加全部">&gt;&gt;</button>
										<button class="remove-one btn btn-primary radius" title="移除选中项">&lt;</button>
										<button class="remove-all btn btn-primary radius" title="移除全部">&lt;&lt;</button>
									</div>
									<ul class="item-box right-box ui-sortable ui-droppable">
										
					                </ul>
								</div>
							</div>
						  </div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
							<button type="button" class="btn btn-primary" id="addCombinationModalBtn">确定</button>
						</div>
					</div>
				</div>
			</div>
			
			
        <div class="modal fade" id="saveOtherModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							
						</div>
						<div class="modal-body" style="height:70vh; overflow:auto">
						   <div>
						       <span>已有物料</span>
						       <table class='table table-border table-bordered table-bg table-hover' >
						       <thead>
						           <tr>
						              <th>物料类型</th>
<!-- 						              <th>物料名称</th> -->
<!-- 						              <th>材质</th> -->
						              <th>工艺</th>
						              <th>操作</th>
						           </tr>
						       </thead>
						       <tbody id="haveMaterialTBody">
						       
						       </tbody>
						       </table>
						       <br/><br/>  
						       <span>未有物料</span> 
						       <input type='text' placeholder="物料类型/名称/材质/工艺" class='input-text' style='width:200px;' id="noHaveMaterialWhere"> <button class='btn btn-primary' id="noHaveSearchWhereBtn">搜索</button>  
						       <br/>  <br/>
						       <table class='table table-border table-bordered table-bg table-hover' >
						       <thead>
						           <tr>
						              <th>物料类型</th>
<!-- 						              <th>物料名称</th> -->
<!-- 						              <th>材质</th> -->
						              <th>工艺</th>
						              <th>操作</th>
						           </tr>
						       </thead>
						       <tbody id="noHaveMaterialTBody">
						       
						       </tbody>
						       </table>
						   </div>
						</div>
						
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
							<button type="button" class="btn btn-primary" id="updateGroupIdModalBtn">确定</button>
						</div>
					</div>
				</div>
			</div>
			
			
        <div class="modal fade" id="setCombinationModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
						   <input type="hidden" id="setModalCombinationId" >
						   <input type="hidden" id="setModalCombinationDeptId" >
						</div>
						<div class="modal-body">
						    <div id="selectTitle" class="list-select ui-draggable">
								<div class="list-title ui-draggable-handle">
								          <span style='color:red'>部门:</span><span id='setModalDeptName' style='color:red'></span>
                                          <input type="text" class="input-text" placeholder="工序名称" id="setSearchWhereInput" style="width:200px;"><button class="btn btn-primary" id="setSearchWhereBtn">搜索</button>
								</div>
								<div class="list-body">
									<ul class="item-box left-box ui-sortable ui-droppable">
									</ul>
									<div class="center-box">
										<button class="add-one btn btn-success radius" title="添加选中项">&gt;</button>
										<button class="add-all btn btn-success radius" title="添加全部">&gt;&gt;</button>
										<button class="remove-one btn btn-primary radius" title="移除选中项">&lt;</button>
										<button class="remove-all btn btn-primary radius" title="移除全部">&lt;&lt;</button>
									</div>
									<ul class="item-box right-box ui-sortable ui-droppable">
										
					                </ul>
								</div>
							</div>
						    
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
							<button type="button" class="btn btn-primary" id="setCombinationModalBtn">确定</button>
						</div>
					</div>
				</div>
			</div>
			
			
        <div class="modal fade" id="setProcedureMachingModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
						    <h4>设置工序加工对象</h4>
						</div>
						<div class="modal-body">
						    <input type="hidden" id="setProcedureMachingModalCombinationId">
						    <input type="hidden" id="setProcedureMachingModalProcedureId">
						    <span>工序：</span><span id="procedureName"></span> &nbsp;&nbsp;&nbsp;
						    <span>当前加工对象：</span><span id="maching"></span> <br/><br/>
						    <span>物料类型：</span><input type='text' id="publicMaterialType" style="width:125px" class="input-text" list='publicMaterialList'/>
						    <datalist id="publicMaterialList">
						    </datalist>
<!-- 						    <span>物料名称：</span><select id="publicMaterialName" class="input-text" style="width:125px;"> -->
<!-- 						         <option value=''>请选择</option> -->
<!-- 						    </select> -->
<!-- 						    <br/><br/> -->
<!-- 						    <span>材 &nbsp;&nbsp;&nbsp;质：</span><select id="publicMaterialQuality" class="input-text" style="width:125px;"> -->
<!-- 						         <option value=''>请选择</option> -->
<!-- 						    </select> -->
						    <span>工 &nbsp;&nbsp;&nbsp;艺：</span><select id="publicMaterialArts" class="input-text" style="width:125px;">
						         <option value=''>请选择</option>
						    </select>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
							<button type="button" class="btn btn-primary" id="setProcedureMachingModalBtn">确定</button>
						</div>
					</div>
				</div>
			</div>



<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810145355jquery.min1.9.1.js"></script> 
<script type="text/javascript" src="../lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810150731H-ui.min3.0.2.js"></script> 
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180813175723jquery.dataTables1.10.0.js"></script>
<script type="text/javascript" src="../lib/datatables/1.10.0/dataTables.fixedColumns.min.js"></script>
<script src="https://upload.shinehao.com.cn/20180809103833lodash.js"></script>
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../lib/My97DatePicker/4.8/WdatePicker.js"></script> 
<script type="text/javascript" src="../lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810172341echarts.common.min3.4.0.js"></script>
<script type="text/javascript" src="../leftAndRight/jquery-ui.min.js"></script>
<script type="text/javascript" src="../myJs/echartUtil.js"></script>
<script type="text/javascript" src="../myJs/util.js"></script>
<script type="text/javascript" src="js/manyPartsProcedure.js"></script>

</body>
</html>